import React from 'react'
// props的一些说明
const Hello = (props) => {
  console.log(props)
  props.SayHi()
  return (
    <div style={props.styleObj}>
      {props.name}--{props.age}---{props.list}
      {props.jsx}
    </div>
  )
}
export default class App extends React.Component {
  state = {}
  render() {
    return (
      <>
        <Hello
          name="你好"
          age={18}
          isLoading={true}
          list={['1', 'r']}
          SayHi={() => {
            console.log('say hi')
          }}
          styleObj={{ color: 'red' }}
          jsx={<div>我是传过来的页面结构</div>}
        ></Hello>
      </>
    )
  }
}
